
<lift:surround with="default" at="content">

  <h2>Treetable, Flot, AJAX</h2>

  <lift:snippet type="TreeTableFlotAjax:render">

    <all:treetable>
      <table id="tablemain" style="width: 600px; border: 0px; margin: 0px; padding: 0px; ">
        <thead>
          <tr style="background-color: rgb(200,200,200)">
            <td style="width: 60%; height: 50px">Lugar o fecha</td>
            <td colspan="2">Nieve caida (mm)</td>
            <td>Plot?</td>
          </tr>
        </thead>
        <tbody>
          <tr rowtype="TimeSerie" colspan="2" style="font-weight: bold">
            <td colspan="2">
              <timeserie:name />
            </td>
            <td style="text-align: right">
              <timeserie:sum />
            </td>
            <td style="text-align: right">
              <timeserie:flot />
            </td>
          </tr>
          <tr rowtype="Measure">
            <td>
              <measure:date />
            </td>
            <td style="text-align: right">
              <measure:mm />
            </td>
            <td></td>
            <td></td>
          </tr>
        </tbody>
      </table>

    </all:treetable>

    <div id="messages"></div>

    <br />

    <div id="ph_graph" style="width:600px;height:300px"></div>

    <all:flot />

    <br />
  </lift:snippet>

</lift:surround>

